<script setup lang="ts">

import BasicInformation from "@/components/gerenzhongxin/Head/BasicInformation.vue";
import ThreePart from "@/components/gerenzhongxin/Content/ThreePart.vue";
import FourPart from "@/components/gerenzhongxin/fourPart/FourPart.vue";
import FooterBar from "@/components/index/footer/FooterBar.vue";

</script>

<template>
    <div class="beijing">
        <!--    头像名字-->
        <BasicInformation id="one"></BasicInformation>
        <div class="two">
            <!--    三部分  预约  咨询  测评-->
            <three-part></three-part>
            <!--    末尾四部分-->
            <FourPart id="da"></FourPart>
        </div>
    </div>
    <footer-bar></footer-bar>
</template>

<style scoped lang="less">
.beijing {
    background-color: #f3f0f0;
    height: 100vh;

    .two {
        height: 380px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #one:hover {
        cursor: pointer;
    }

    #da {

    }
}
</style>